<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
    </head>
    <body>
        <!-- 对象 -->
        <!-- 取值--点取/[]取 -->
        
    </body>
    <script>
        const obj = {
            name: 'vue3',
            age: 18
        }
        // 点取值
        console.log(obj.name)
        console.log(obj.age)

        // []取值--对象['属性名']--属性名需要进行引用
        console.log(obj['name'])
        console.log(obj['age'])
        // 如果类属性为变量时，必须使用[],且该属性不能进行引用
        let x = 'name'
        let y = 'age'
        console.log(obj[x])
        console.log(obj[y])

        // 简写--属性名与属性值名称相同,可以只写属性值即可
        let min = 1
        let max = 99
        const obj2 = {
            min,
            max
        }
        console.log(obj2)
    </script>
</html>